.map_risk_warning_container {
    height: 375px;
    width: 100%;
    // border: 1px solid #92f409;
    margin-bottom: 11px;
    background-color: #13499D;

    .content {
        width: 100%;
        height: 330px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        place-items: center; // 同时控制水平和垂直居中
        justify-content: center; // 网格轨道水平居中
        align-content: center; // 网格轨道垂直居中

        .population {
            width: 260px;
            height: 133px;
            background: url('../../assets/elderlyCognitiveScreen/regionpurple.png') no-repeat;
            background-size: cover;
            display: flex;
            flex-direction: column;

            .population_title {
                height: 35px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                font-size: 16px;
                color: #FFFFFF;
                line-height: 35px;
                margin-left: 19px;
            }

            .population_data {
                display: flex;
                margin-left: 24px;
                margin-top: 10px;

                .population_data_old {
                    height: 28px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    font-size: 12px;
                    color: #FFFFFF;
                    line-height: 28px;
                    margin-right: 44px;
                }

                .population_data_number {
                    height: 28px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    font-size: 18px;
                    color: #FFFFFF;
                    line-height: 28px;
                }
            }
        }

        .evaluation {
            width: 260px;
            height: 133px;
            background: url('../../assets/elderlyCognitiveScreen/regionblue.png') no-repeat;
            background-size: cover;
            display: flex;
            flex-direction: column;
            position: relative;

            .evaluation_title {
                height: 35px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                font-size: 16px;
                color: #FFFFFF;
                line-height: 35px;
                margin-left: 19px;
            }

            .evaluation_data {
                display: flex;
                margin-left: 24px;

                .evaluation_data_old {
                    height: 28px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    font-size: 12px;
                    color: #FFFFFF;
                    line-height: 28px;
                    margin-right: 44px;
                }

                .evaluation_data_number {
                    height: 28px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    font-size: 18px;
                    color: #FFFFFF;
                    line-height: 28px;
                }
            }

            .evaluation_echart_data_ratio {
                margin-top: 10px;
                height: 10px;
            }

            .evaluation_data_ratio {
                height: 32px;
                font-family: Source Han Sans CN;
                font-weight: 400;
                font-size: 16px;
                color: #FFFFFF;
                line-height: 32px;
                position: absolute;
                bottom: 15px;
                right: 5px;
            }
        }

        .train {
            width: 260px;
            height: 134px;
            background: url('../../assets/elderlyCognitiveScreen/regiongreen.png') no-repeat;
            background-size: cover;
            display: flex;
            flex-direction: column;
            position: relative;

            .train_title {
                height: 35px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                font-size: 16px;
                color: #FFFFFF;
                line-height: 35px;
                margin-left: 19px;
            }

            .train_data {
                display: flex;
                margin-left: 24px;

                .train_data_old {
                    height: 28px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    font-size: 12px;
                    color: #FFFFFF;
                    line-height: 28px;
                    margin-right: 44px;
                }

                .train_data_number {
                    height: 28px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    font-size: 18px;
                    color: #FFFFFF;
                    line-height: 28px;
                }
            }

            .train_echart_data_ratio {
                margin-top: 10px;
                height: 10px;
            }

            .train_data_ratio {
                height: 32px;
                font-family: Source Han Sans CN;
                font-weight: 400;
                font-size: 16px;
                color: #FFFFFF;
                line-height: 32px;
                position: absolute;
                bottom: 15px;
                right: 5px;
            }
        }

        .severe {
            width: 260px;
            height: 134px;
            background: url('../../assets/elderlyCognitiveScreen/regionred.png') no-repeat;
            background-size: cover;
            display: flex;
            flex-direction: column;
            position: relative;

            .severe_title {
                height: 35px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                font-size: 16px;
                color: #FFFFFF;
                line-height: 35px;
                margin-left: 19px;
            }

            .severe_data {
                display: flex;
                margin-left: 24px;

                .severe_data_old {
                    height: 28px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    font-size: 12px;
                    color: #FFFFFF;
                    line-height: 28px;
                    margin-right: 44px;
                }

                .severe_data_number {
                    height: 28px;
                    font-family: Source Han Sans CN;
                    font-weight: 400;
                    font-size: 18px;
                    color: #FFFFFF;
                    line-height: 28px;
                }
            }

            .severe_echart_data_ratio {
                margin-top: 10px;
                height: 10px;
            }

            .severe_data_ratio {
                height: 32px;
                font-family: Source Han Sans CN;
                font-weight: 400;
                font-size: 16px;
                color: #FFFFFF;
                line-height: 32px;
                position: absolute;
                bottom: 15px;
                right: 5px;
            }
        }
    }
}